/*手机端公共样式*/
body,ul,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
body{font-size:12px;font-family:"Helvetica Neue,Helvetica,Arial,sans-serif";}
img{border:none;vertical-align: middle;width:100%;height:100%;}
li{list-style:none;}
input,select,textarea{outline:none;-webkit-appearance:none;border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
textarea{resize:none;}
a{
	text-decoration:none;border:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none;
	color:#000;
}
em,
i {
	font-style: normal;
}
html {
	height: 100%;
	font-size: 62.5%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}
.clearfix:after {
  content:"";
  display:block;
  clear:both;
}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
*{
	box-sizing: border-box;
}
html,
body {
	background: #f0f0f0;
	-webkit-touch-callout:none;
    -webkit-user-select: none;
    -webkit-text-size-adjust: 100%;
}
/*头部*/
.header{
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    position: fixed;
    top:0;
    left:0;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    background-color: #f7f7f7;
    font-size: .36rem;
    color: #333333;
    z-index: 99;
}
.header .return-btn{
	    display: block;
    position: absolute;
    top: .3rem;
    left: .3rem;
    width: .24rem;
    height: .4rem;
    background: url(../img/icon/return-back.png) no-repeat center top/.24rem .4rem;
}

/*预约*/
.order-pop .layui-m-layercont{
	padding: 10px;
}
.order-pop p{
	height: .9rem;
	line-height: .9rem;
}
.order-pop p span{
	display: inline-block;
	vertical-align: top;
	width: 1.4rem;
	text-align: right;
}
.order-pop p input[type="text"],.order-pop p input[type="password"]{
	width: 4rem;
	height: .7rem;
	line-height: .7rem;
	border:1px solid #e4e4e4;
	padding-left: 2px;
	font-size:.32rem;
}
.order-pop input[type="submit"]{
	width:2.6rem;
	height: .8rem;
	line-height: .8rem;
	background: #23CD77;
	border: none;
	text-align: center;
	color: #fff;
	font-size:.32rem;
	border-radius: 3px;
	margin-top: .2rem;
} 
/*列表*/
.tea-list{
	background: #fff;
}
.tea-list li{
	padding: .24rem;
	border-top:1px solid #e4e4e4;
}
.tea-list li .img-box{
	width:1.8rem ;
	height: 1.8rem;
	border-radius: 3px;
	overflow: hidden;
}
.tea-list li .img-intro{
	width: 5rem;
	position: relative;
}
.tea-list li .img-intro p{
	color:#666;
	font-size: .28rem;
	margin-bottom: .08rem;
}
.tea-list li .img-intro .title{
	font-size: .32rem;
	color: #000;
}
.tea-list li .img-intro .title .price{
	color: #ff6200;
	font-size: .34rem;
}
.tea-list li .img-intro .title .price i{
	font-size: .24rem;
}
.tea-list li .img-intro .sure-menu{
	display: inline-block;
	vertical-align: top;
	width:.25rem;
	height: .25rem;
	margin:.1rem 2px 0 0;
	background: url(../img/menu/sure.png) no-repeat center top/.25rem .25rem;
}
.tea-list li .img-intro .order-btn{
	display: inline-block;//block
	/*position: absolute;*/
	right: 0;
	bottom: .1rem;
	width:1.6rem ;
	height: .7rem;
	line-height: .7rem;
	background: #23cd77;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	font-size: .32rem;
	z-index: 10;
}
.order-btns{
	display: block;

	right: 0;
	bottom: .1rem;
	width:1.6rem ;
	height: .7rem;
	line-height: .7rem;
	background: #23cd77;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	font-size: .32rem;
	z-index: 10;
}
